<template>
  <div class="section05">
    <div class="section05-content" :class="{'empty': !item.title}"  v-for="(item, index) in convertSectionData(props.data, 2)" :key="index">
      <img class="section05-img" :src="item.src" alt="">
      <div class="section05-content2">
        <img :src="item.icon" alt="" style="height: 30px; border-radius: 4px">
        <h3>{{item.title}}</h3>
        <p>{{item.description}}</p>
      </div>
    </div>
  </div>
</template>

<script setup>
import {convertSectionData} from "@/utils/helper";

const props = defineProps(["data"])
</script>

<style scoped>

</style>
